<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title><%= title %></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/public/layui/css/layui.css" media="all">
  <style>
    .ctimg {
      width: 280px;
      height: 280px;
      margin: 0 30px;
    }
  </style>
</head>

<body style="background: #222">
  <!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
  <div class="layui-main">
    <img src="/public/img/logo.png" class="layui-inline" />
    <ul class="layui-nav layui-inline" style="margin-left: 100px;background:transparent;">
      <li class="layui-nav-item">
        <a href="#">Home</a>
      </li>
      <li class="layui-nav-item">
        <a href="#">Formitalia</a>
      </li>
      <li class="layui-nav-item">
        <a href="#">Aston Martin</a>
      </li>
      <li class="layui-nav-item">
        <a href="#">Tonino Lamborghini</a>
      </li>
      <li class="layui-nav-item">
        <a href="#">Contact</a>
      </li>
    </ul>
  </div>

  <% if(index_carousel.length) { %>
  <div class="layui-carousel" id="test1">
    <div carousel-item>
      <% for(const item of index_carousel) { %>
      <div> <img style="width: 100%;height: 100%;" src="<%=item%>" /> </div>
      <% } %>
    </div>
  </div>
  <% } %>

  <div style="color: white; font-size: 2em; width: 500px; margin: 39px auto;">
    DISCOVER OUR COLLECTIONS
  </div>

  <div class="layui-main" style="text-align: center">
    <img class="ctimg" src="/public/img/c1.jpg">
    <img class="ctimg" src="/public/img/c2.jpg">
    <img class="ctimg" src="/public/img/c3.jpg">
  </div>

  <div style="color: white;font-size: 1.5em; width: 800px; margin: 39px auto; text-align: center">
    <p>Luxury Interiors and Accessories</p>
    <p>for Exclusive Homes, Hotels, Executive Offices & Yachts</p>
  </div>

  <div class="layui-main" style="text-align: center">
    <img src="/public/img/indexBottom.jpg" />
  </div>

  <div class="layui-main" style="color: white; text-align: center; margin: 50px auto;">
    <p>Headquarters: via Corticella 5/7/9 - loc. Valenzatico - 51039 Quarrata - Italy - Tel: +39 0573 790066 - Fax: +39 0573
      734332 - info@formitalia.it </p>
    <p>Showroom: Piazza de' Mozzi, 4 - 50125 Firenze - Italy </p>
    <p>R.E.A. Pistoia 150464 - R.I. Pistoia e C.F. 01448120475 - Capitale Sociale € 500.000 i.v. - Meccanografico PT 017937
      - P.IVA IT 01448120475</p>
  </div>

  <script src="/public/layui/layui.all.js" charset="utf-8"></script>
  <script>
    let carousel = layui.carousel;
    let util = layui.util;

    carousel.render({
      elem: '#test1',
      width: '100%',//设置容器宽度
      height: '700px',
      arrow: 'hover', //始终显示箭头
      //,anim: 'updown' //切换动画方式
    });

    util.fixbar({
      showHeight: 10
    });
  </script>

</body>

</html>